<?php
/*
 * * * * * * * * * * LICENCIA * * * * * * * * * * * * * * * * * * * * *

Copyright(C) 2012
Instituto Universtiario de Tecnología Dr. Federico Rivero Palacio

Este programa es Software Libre y usted puede redistribuirlo y/o modificarlo
bajo los términos de la versión 3.0 de la Licencia Pública General (GPLv3)
publicada por la Free Software Foundation (FSF), es distribuido sin ninguna
garantía. Usted debe haber recibido una copia de la GPLv3 junto con este
programa, sino, puede encontrarlo en la página web de la FSF, 
específicamente en la dirección http://www.gnu.org/licenses/gpl-3.0.html

 * * * * * * * * * * ARCHIVO * * * * * * * * * * * * * * * * * * * * *

Nombre: Encabezado.php
Diseñador: Johan Alamo (johan.alamo@gmail.com)
Programador: Johan Alamo
Fecha: Julio de 2012
Descripción:  
	Permite generar el encabezado de la aplicación. Actualmente en 
	construcción

 * * * * * * * * Cambios/Mejoras/Correcciones/Revisiones * * * * * * * *
Diseñador - Programador /   Fecha   / Descripción del cambio
---                         ----      ---------

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/

$dir=  "Base/Clases/Vista/html5/";

?>

<!DOCTYPE html>
<html>
<head>
	<title>SICTA</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <!-- Estilo Bootstrap -->
    <link rel="stylesheet" type="text/css" media="screen" href="<? echo $dir; ?>bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="<? echo $dir; ?>bootstrap/css/bootstrap-responsive.min.css" />
    <!-- CSS propios -->
	<link rel="stylesheet" type="text/css" href="<? echo $dir; ?>css/Principal.css" />
	<!-- Javascrit jQuery-->
	<script language='JavaScript' type="text/javascript" src="<? echo $dir; ?>jquery/jquery.js"></script>
	<!-- Javascript Bootstrap-->
	<script language='JavaScript' type="text/javascript" src="<? echo $dir; ?>bootstrap/js/bootstrap.min.js"></script>
	<!-- Javascript Propios-->
	<script language='JavaScript' type='text/javascript' src="<? echo $dir; ?>general.js"></script>	
	<?php
		for ($i = 0 ; $i  < $this->obtenerCantidadCabezeras() ; $i++)
			echo $this->obtenerCabezera($i) . "\n";			
	?>
</head>
<body>
<!-- seccion sistema -->
<section id="sistema">
	<header>
		<div id="Banner-Img"></div>
		<!--<div id="Banner-Nombre"> Sistema de Control de Tiempo y Asistencia</div>-->
	</header>
	<div class="navbar">
			<div class="navbar-inner">			
				<ul class="nav">
					<li>
						<a href="#">
							<img src="<? echo $dir; ?>Imagenes/casa.png" style="width:18px; height:18px;"/>
						</a>
					</li>
					<li  class="dropdown divider-vertical" >
						<a href="#" id="Grupo1" class="dropdown-toggle" data-toggle="dropdown">
							Incidencias
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu" role="menu" aria-labelledby="Grupo1">
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1">Justificar</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1">Editar</a>
							</li>
						</ul>
					</li>
					<li  class="dropdown divider-vertical" >
						<a href="#" id="Grupo2" class="dropdown-toggle" data-toggle="dropdown">
							Reportes
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu" role="menu" aria-labelledby="Grupo2">
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1">Entrada y Salida</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1">Incidencias</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1">Horas Extras</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1">Marcajes Consolidados</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1">Marcajes Detallados</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1">Cesta Tickets</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="#">
							Interfaz
						</a>
					</li>
					<li>
						<a href="index.php?m_modulo=principal&m_accion=documentacion&m_vista=documentacion&m_formato=html5">Documentación</a>
					</li>
					<li>
						<a href="index.php?m_modulo=instituto&m_accion=listar&m_vista=InstitutoListar&m_formato=html5">Institutos</a>
					</li>
					<li>
						<a href="index.php?m_modulo=motivo&m_accion=listar&m_vista=MotivoListar&m_formato=html5">Motivos</a>
					</li>
				</ul>
				<!--Menu de derecha-->
				<ul class="nav pull-right">
					<li>
						<a href="#">
							Configuraci&oacuten
						</a>
						<!--<img src="<? echo $dir; ?>Imagenes/configurarSis.png" style="width: 25px; height:25px;"/>-->
					</li>
					<!-- Este item es dropdown solo para la versión de prueba, en producción será un item normal -->
					<li  class="dropdown" >
						<a href="#" id="Grupo3" class="dropdown-toggle" data-toggle="dropdown">							
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu" role="menu" aria-labelledby="Grupo3">
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1" >Usuarios</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1" >Horarios</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1" >Calendario</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1" >Motivos</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1" >Variables de Entorno</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1" >Personas</a>
							</li>
						</ul>
					</li>

					<li  class="dropdown divider-vertical">
						<a href="#" id="Grupo4" class="dropdown-toggle" data-toggle="dropdown">
							<i class="icon-user icon-white"></i> Pedro Perez
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu" role="menu" aria-labelledby="Grupo4">
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1" >Perfil</a>
							</li>
							<li role="presentation">
								<a href="#" role="menuitem" tabindex="-1" >Salir</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	<section id="Principal" class="well">
